.n-wrap{
	position: relative;
	width: 2560px;
	height: 1024px;
	background: url(../images/n-bg.png) left top no-repeat;
	/*overflow: hidden;*/
}
.n-title{
	position: relative;
	width: 899px;
	height: 312px;
	margin: 0 auto;
	padding-top: 64px;
	background: url(../images/n-title.png) center no-repeat;
}
.prize-stage{
	/*position: relative;*/
	/*margin: 0 auto;*/
	/*width: 100%;*/
	/*height: 648px;*/
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
.stage-mask{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	display: none;
	z-index: 99;
}
.blur-mask{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	display: none;
	z-index: 98;
}
.prize-stage .prize-list{
	position: relative;
	width: 2180px;
	height: 648px;
	margin: 0 auto;
	margin-top: 376px;
	overflow: visible;
	perspective: 10000px;
	-webkit-perspective: 10000px;
	-webkit-perspective-origin: 50% 50%;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
/* 	transition: transform 1s linear;
-webkit-transition: transform 1s linear; */
}
.prize-stage .prize-list li{
	position: absolute;
	top: 0;
	cursor: pointer;
	width: 340px;
	height: 494px;
	transition: left 0.6s linear;
	-webkit-transition: left .6s linear;
	overflow: visible;
	z-index: 3;
}
.prize-stage .prize-list li .front.spin{
	animation: front-spin 5s linear 0.4s;
	-webkit-animation: front-spin 5s linear 0.4s;
}
.prize-stage .prize-list li .back.spin{
	animation: back-spin 5s linear 0.4s;
	-webkit-animation: back-spin 5s linear 0.4s;
}
.prize-stage .prize-list li .front-wrap{
	position: absolute;
	left: 0;
	top: 0;
	width: 340px;
	height: 438px;
	overflow: visible;
	z-index: 3;
}
.prize-stage .prize-list li .front-wrap img{
	display: block;
}
.prize-stage .prize-list li .up{
	position: absolute;
	left: 0;
	top: 0;
	width: 340px;
	height: 219px;
	opacity: 1;
	z-index: 3;
}
.prize-stage .prize-list li .down{
	position: absolute;
	left: 0;
	top: 219px;
	width: 340px;
	height: 219px;
	z-index: 3;
	opacity: 1;
}

/* 暂时不用
@keyframes up{
	0%{
		top: 0px;
		opacity: 1;
	}
	90%{
		top: -200px;
		opacity: 0.5;
	}
	100%{
		top: -200px;
		opacity: 0;
	}
}
@-webkit-keyframes up{
	0%{
		top: 0px;
		opacity: 1;
	}
	90%{
		top: -200px;
		opacity: 0.5;
	}
	100%{
		top: -200px;
		opacity: 0;
	}
}
@keyframes down{
	0%{
		top: 219px;
		opacity: 1;
	}
	90%{
		top: 419px;
		opacity: 0.5;
	}
	100%{
		top: 419px;
		opacity: 0;
	}
}
@-webkit-keyframes down{
	0%{
		top: 219px;
		opacity: 1;
	}
	90%{
		top: 419px;
		opacity: 0.5;
	}
	100%{
		top: 419px;
		opacity: 0;
	}
} */
@keyframes front-spin{
	0%{
		transform: rotateY(0deg) scale(1.35294);
		-webkit-transform: rotateY(0deg) scale(1.35294);
	}
	40%{
		transform: rotateY(3600deg) scale(1.35294);
		-webkit-transform: rotateY(3600deg) scale(1.35294);
	}
	60%{
		transform: rotateY(4680deg) scale(1.35294);
		-webkit-transform: rotateY(4680deg) scale(1.35294);
	}
	80%{
		transform: rotateY(5400deg) scale(1.35294);
		-webkit-transform: rotateY(5400deg) scale(1.35294);
	}
	90%{
		transform: rotateY(5580deg) scale(1.35294);
		-webkit-transform: rotateY(5580deg) scale(1.35294);
	}
	100%{
		transform: rotateY(5760deg) scale(1.35294);
		-webkit-transform: rotateY(5760deg) scale(1.35294);
	}
}
@-webkit-keyframes front-spin{
	0%{
		transform: rotateY(0deg) scale(1.35294);
		-webkit-transform: rotateY(0deg) scale(1.35294);
	}
	40%{
		transform: rotateY(3600deg) scale(1.35294);
		-webkit-transform: rotateY(3600deg) scale(1.35294);
	}
	60%{
		transform: rotateY(4680deg) scale(1.35294);
		-webkit-transform: rotateY(4680deg) scale(1.35294);
	}
	80%{
		transform: rotateY(5400deg) scale(1.35294);
		-webkit-transform: rotateY(5400deg) scale(1.35294);
	}
	90%{
		transform: rotateY(5580deg) scale(1.35294);
		-webkit-transform: rotateY(5580deg) scale(1.35294);
	}
	100%{
		transform: rotateY(5760deg) scale(1.35294);
		-webkit-transform: rotateY(5760deg) scale(1.35294);
	}
}
@keyframes back-spin{
	0%{
		transform: rotateY(180deg) scale(1.35294);
		-webkit-transform: rotateY(180deg) scale(1.35294);
	}
	40%{
		transform: rotateY(3780deg) scale(1.35294);
		-webkit-transform: rotateY(3780deg) scale(1.35294);
	}
	60%{
		transform: rotateY(4860deg) scale(1.35294);
		-webkit-transform: rotateY(4860deg) scale(1.35294);
	}
	80%{
		transform: rotateY(5580deg) scale(1.35294);
		-webkit-transform: rotateY(5580deg) scale(1.35294);
	}
	90%{
		transform: rotateY(5760deg) scale(1.35294);
		-webkit-transform: rotateY(5760deg) scale(1.35294);
	}
	100%{
		transform: rotateY(5940deg) scale(1.35294);
		-webkit-transform: rotateY(5940deg) scale(1.35294);
	}
}
@-webkit-keyframes back-spin{
	0%{
		transform: rotateY(180deg) scale(1.35294);
		-webkit-transform: rotateY(180deg) scale(1.35294);
	}
	40%{
		transform: rotateY(3780deg) scale(1.35294);
		-webkit-transform: rotateY(3780deg) scale(1.35294);
	}
	60%{
		transform: rotateY(4860deg) scale(1.35294);
		-webkit-transform: rotateY(4860deg) scale(1.35294);
	}
	80%{
		transform: rotateY(5580deg) scale(1.35294);
		-webkit-transform: rotateY(5580deg) scale(1.35294);
	}
	90%{
		transform: rotateY(5760deg) scale(1.35294);
		-webkit-transform: rotateY(5760deg) scale(1.35294);
	}
	100%{
		transform: rotateY(5940deg) scale(1.35294);
		-webkit-transform: rotateY(5940deg) scale(1.35294);
	}
}
.prize-stage .prize-list li .front{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
 	transition: transform 0.6s ease-in-out;
	-webkit-transition: transform .6s ease-in-out;
	/*scale(0.73913,0.75305)*/
	transform: rotateY(0deg) scale(1);
	-webkit-transform: rotateY(0deg) scale(1);
	backface-visibility: hidden;
	z-index: 2;
}
.prize-stage .prize-list li .front.blur{
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);    
	filter: blur(3px); 
}
.prize-stage .prize-list li .back{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: transform 0.6s ease-in-out;
	-webkit-transition: transform .6s ease-in-out;
	transform: rotateY(180deg) scale(1);
	-webkit-transform: rotateY(180deg) scale(1);
	backface-visibility: hidden;
	z-index: 1;
}
.prize-stage .prize-list li .front.expand{
	transform: rotateY(0deg) scale(1.35294);
	-webkit-transform: rotateY(0deg) scale(1.35294);
}
.prize-stage .prize-list li .back.expand{
	transform: rotateY(180deg) scale(1.35294);
	-webkit-transform: rotateY(180deg) scale(1.35294);
}
.prize-stage .prize-list li .luck-btn{
	position: absolute;
	left: 50%;
	margin-left: -120px;
	top: 50%;
	margin-top: -53px;
	width: 240px;
	height: 106px;
	background-image: url(../images/luck-btn-def.png);
	cursor: pointer;
	opacity: 0;
	z-index: 101;
	transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
}
/* .prize-stage .prize-list li.act:hover .luck-btn{
	opacity: 1;
}
.prize-stage .prize-list li.act:hover .front{
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);    
	filter: blur(3px); 
}
.prize-stage .prize-list li.act:hover * .front{
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
} */
.p1{
	left: 80px;
}
.p2{
	left: 500px;
}
.p3{
	left: 920px;
}
.p4{
	left: 1340px;
}
.p5{
	left: 1760px;
}
/* .p1:hover .front{
	transform: translateX(-800px) rotateY(180deg);
	-webkit-transform: translateX(-800px) rotateY(180deg);
	z-index: 1;
}
.p1:hover .back{
	transform: translateX(-800px) rotateY(360deg);
	-webkit-transform: translateX(-800px) rotateY(360deg);
	z-index: 2;
}
.p2:hover .front{
	transform: translateX(-400px) rotateY(180deg);
	-webkit-transform: translateX(-400px) rotateY(180deg);
	z-index: 1;
}
.p2:hover .back{
	transform: translateX(-400px) rotateY(360deg);
	-webkit-transform: translateX(-400px) rotateY(360deg);
	z-index: 2;
}
.p3:hover .front{
	transform: translateX(0px) rotateY(180deg);
	-webkit-transform: translateX(0px) rotateY(180deg);
	z-index: 1;
}
.p3:hover .back{
	transform: translateX(0px) rotateY(360deg);
	-webkit-transform: translateX(0px) rotateY(360deg);
	z-index: 2;
}
.p4:hover .front{
	transform: translateX(400px) rotateY(180deg);
	-webkit-transform: translateX(400px) rotateY(180deg);
	z-index: 1;
}
.p4:hover .back{
	transform: translateX(400px) rotateY(360deg);
	-webkit-transform: translateX(400px) rotateY(360deg);
	z-index: 2;
}
.p5:hover .front{
	transform: translateX(800px) rotateY(180deg);
	-webkit-transform: translateX(800px) rotateY(180deg);
	z-index: 1;
}
.p5:hover .back{
	transform: translateX(800px) rotateY(360deg);
	-webkit-transform: translateX(800px) rotateY(360deg);
	z-index: 2;
} */
.p1 .front{
	background: url(../images/prize-3-lg.png) left top no-repeat;
	background-size: 100%;
}
.p1 .back{
	background: url(../images/prize-back-lg.png) left top no-repeat;
	background-size: 100%;
}
.p2 .front{
	background: url(../images/prize-3-lg.png) left top no-repeat;
	background-size: 100%;
}
.p2 .back{
	background: url(../images/prize-back-lg.png) left top no-repeat;
	background-size: 100%;
}
.p3 .front{
	background: url(../images/prize-3-lg.png) left top no-repeat;
	background-size: 100%;
}
.p3 .back{
	background: url(../images/prize-back-lg.png) left top no-repeat;
	background-size: 100%;
}
.p4 .front{
	background: url(../images/prize-3-lg.png) left top no-repeat;
	background-size: 100%;
}
.p4 .back{
	background: url(../images/prize-back-lg.png) left top no-repeat;
	background-size: 100%;
}
.p5 .front{
	background: url(../images/prize-3-lg.png) left top no-repeat;
	background-size: 100%;
}
.p5 .back{
	background: url(../images/prize-back-lg.png) left top no-repeat;
	background-size: 100%;
}









.clearfix:after{
	content: '';
	clear: both;
	display: table;
}